<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>小米有品登录界面</title>
		<!--
			时间：2019年3月11日17:45:27
		-->
		<script type="text/javascript" src="../../base/jquery-1.11.3.min.js" ></script>
		<link rel="stylesheet" href="../../base/layui-v2.4.3/layui/css/layui.css" />
		<link rel="stylesheet" href="../../base/plogins/font-awesome-4.7.0/css/font-awesome.css" />
		<link rel="stylesheet" href="login_style.css" />
	</head>
	<body>
		<div class="div_main">
			<img src="img/ewm_2.png"  class="img_qrcode"/>
			
			<img src="img/logo_1.png" class="img_logo"/>
			<div>
			<p>小米账号登录</p>
			<div class="div_around_form"  id="around_form">
			
			<div class="div_form" id="form_1" :style="form1">
				<input  type="text" placeholder="邮箱/手机号码/小米ID" v-model="id" @input="test1(0)"/> 
				<span class="msg">{{idMsg}}</span>
				<input  type="text" placeholder="密码" v-model="psw" @input="test1(1)"/> 
				<span class="msg">{{pswMsg}}</span>
				<button @click="Login()">登录</button> 				
				<span class="span_orgin" @click="changeForm1()">手机短信登录/注册</span>
				
				<a href="../注册界面/register.html">立即注册</a>
				<label>|</label>
				<a>忘记密码</a>
				
			</div>
			
			<div class="div_form_two" id="form_2" :style="form2">
					<div class="div_phone">
						<div>+86</div>
						<!-- :style="orgin_border"-->
						<input type="text" placeholder="手机号码"  v-model="phone" @input="test1(3)" :style="orgin_border"/>
						<span class="msg">{{phoneMsg}}</span>
					</div>
					
					<div class="div_code"  @click="addBorder()">
						
						<input type="text" placeholder="短信验证码" v-model="yzcode"/>
						<button onclick="getCode(this)" >短信验证码</button>
					</div>
				
					<button @click="Login2()">立即登录/注册</button> 
					
					<span class="span_orgin" @click="changeForm2()">用户名密码登录</span>
				
			</div>
			
			
			</div>
			
				
				<div class="div_line">
					<label>其他方式登录</label>
				</div>
			
			<img src="img/logo_qq.png" />
			<img src="img/logo_wb.png" />
			<img src="img/logo_zfb.png" />
			<img src="img/logo_wx.png" />
			</div>
		</div>
		
		
		
		<script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
		<script type="text/javascript" src="../../base/layui-v2.4.3/layui/layui.js" ></script>
		<script type="text/javascript" src="login.js" ></script>
	</body>
</html>
